﻿<div class="modal hide fade" id="DeleteCountry" style="display: none;">
    <div class="modal-header">  
         <div class="breadcrumb" style="margin-top: 10px; margin-bottom: 10px">
            <h3>Confirmation</h3>
        </div>
    </div> 
    <div class="modal-body">
        Are you sure you want to delete this country?
    </div>
    <div class="modal-footer">
        <a href="#" class="btn btn-success" data-bind="click: function(){$root.country.deleteCountry()}"><i class="icon-trash icon-white"></i><strong>Delete</strong></a>
        <a href="#" class="btn " data-bind="click: function() { $root.country.cancelDeleteCountry(); }"><strong>Cancel</strong></a>
    </div>
</div>